{include file="jptweb/head" /}
<title>新媒体榜单</title>

</head>
<body>
<!--导航栏-->
{include file="jptweb/header" /}
<!--导航栏 end-->

<div class="user_header">
    <div class="main jpt_flex">
        <div class="portrait">
            <img class="" src="/static/jpt/jptweb/img/AD-touxiang2.png" alt="">
        </div>
        <div class="info jpt_flow_item">
            <p class="number">帐号：12345645</p>
            <p class="email">邮箱：12345645@qwe.com</p>
            <p class="role">角色：广告主</p>
        </div>

    </div>

</div>

<div class="main user_w row cl ">
    <aside class="left_nav mt-20 col-md-2">
        <ul>
            <li>
                <a href="{:url('demo/jptweb/userinfo')}">&nbsp;&nbsp;
                    <img src="/static/jpt/jptweb/img/people.png" class="jpt_icon">
                    资料修改
                </a>
            </li>
            <li>
                <a href="javascript:void(0)" onclick="chongzhi()">&nbsp;&nbsp;
                    <img src="/static/jpt/jptweb/img/money.png" class="jpt_icon">
                    我要充值
                </a>
            </li>
            <li>
                <a href="{:url('demo/jptweb/useradv')}">&nbsp;&nbsp;
                    <img src="/static/jpt/jptweb/img/AD.png" class="jpt_icon">
                    广告发布
                </a>
            </li>
            <li >
                <a href="{:url('demo/jptweb/useractivity')}">&nbsp;&nbsp;
                    <img src="/static/jpt/jptweb/img/active.png" class="jpt_icon">
                    活动召集
                </a>
            </li>
            <li  class="current">
                <a href="{:url('demo/jptweb/userwallet')}">&nbsp;&nbsp;
                    <img src="/static/jpt/jptweb/img/AD-qianbao.png" class="jpt_icon">
                    我的钱包
                </a>
            </li>

        </ul>
    </aside>
    <div  id="wallet" class="content page_user-wallet HuiTab col-md-10 ">

        <div class="jpt_form jpt_form2 mt-20" action="" method="post">
            <div class="form_group">
                <label class="hd tit "> <span class="jpt_icon-jg">*</span>投放时间:</label>
                <div class="bd jpt_flex">
                    <input type="text" placeholder="请选择开始日期" class=" input-text radius size-M"
                           id="date_sta">
                    -
                    <input type="text" placeholder="请选择结束日期" class=" input-text radius size-M"
                           id="date_end">
                </div>
                <div class="ft ">
                    <button class="btn btn-default bth-jpt_2 radius ">充值</button>
                    <button class="btn btn-default bth-jpt_2 radius ">退款</button>
                </div>
            </div>
            <div class="form_group">
                <label class="hd tit title2"> <i class="Hui-iconfont Hui-iconfont-luyin c_lan"></i>账户详情:</label>

            </div>
            <div class="form_group">
                <div class="ft">
                    账户余额:<span class="jpt_ml-5 c_lan">￥0.5555</span>
                    可用余额:<span class="c_lan jpt_ml-5">￥0.5555</span>
                    冻结余额:<span class="c_lan jpt_ml-5">￥0.5555</span>
                </div>

            </div>
            <table class="jpt_table-u1 table text-c table-border table-bordered">
                <thead class="text-c">
                <tr>
                    <th>序号</th>
                    <th>交易号</th>
                    <th>交易时间</th>
                    <th>交易类型</th>
                    <th>交易金额</th>
                    <th>可用余额</th>


                </tr>
                </thead>
                <tbody>
                <tr align="center" >
                    <td id="norecord" class="text-c c-99"  colspan="10">暂无数据!</td>
                </tr>

                </tbody>
            </table>
        </div>




    </div>
</div>











{include file="jptweb/footer" /}
</div>





<script>
var date_sta='';
var date_end='';
function daterang () {
    if(date_sta !==''&& date_end!==''){
        alert('asd');
        console.log(date_sta+'w'+date_end)
//        $.ajax({
//            url:"demo_test.txt",
//            type : "POST",
//            data : {
//                'date_sta' : date_sta,
//                'date_end':date_end
//            },
//            success:function(result){
//                $("#div1").html(result);
//            }
//        });
    }
}
    laydate.render({
        elem: '#date_sta' //指定元素
        ,done: function(value, date, endDate){
            date_sta=value;
            console.log(date_sta); //得到日期生成的值，如：2017-08-18
            daterang();
        }
    });
    laydate.render({
        elem: '#date_end' //指定元素
        ,done: function(value, date, endDate){
            date_end=value;
            console.log('2',date_end); //得到日期生成的值，如：2017-08-18
            daterang();
        }
    });


    function chongzhi() {
        layer.open({
            type: 1,
            title: '充值方式', //不显示标题

            area: ['420px', '240px'], //宽高
            content: '<form class="jpt_layer jpt_Recharge text-c">' +
            '<div class="col-sm-12 mt-20">' +
            '<div class="col-sm-8 col-sm-offset-2">' +
            '<input class="jpt_input-2 input-text radius size-L" type="text" name="code2" placeholder="请输入充值金额" ></div>' +
            '</div>' +
            '<div class="col-sm-12 text-c mt-20">' +
            '<div class="check-box">\n' +
            '    <input type="radio" id="r1" name="pay_sta" value="zhifu" checked>\n' +
            '    <label for="r1"><img src="/static/jpt/jptweb/img/zhifu.png"></label>\n' +
            '  </div>\n' +
            '  <div class="check-box">\n' +
            '    <input type="radio" id="r2" value="pay" name="pay_sta" >\n' +
            '    <label for="r2"><img src="/static/jpt/jptweb/img/pay.png"></label>\n' +
            '  </div>' +
            '</div>' +
            '<button class="btn btn-primary radius bth-sub  mt-20 ">立刻充值</button></form>'
        });
    }

</script>
</body>
</html>